<?php
/**
 * Created by PhpStorm.
 * User: nhson219
 * Date: 8/13/14
 * Time: 10:42 AM
 */
//Show Flash Message
if ($msg = $this->session->flashdata('flash_message')) {
    showMessage($msg['type'], $msg['msg']);
}
?>
<?php echo $this->load->view('sideBlocks/sliderBlock') ?>
<?php echo $this->load->view('sideBlocks/searchBlock') ?>
<div class="container-fluid content">
    <div class="container no-padding">
        <div class="col-md-12 no-padding">
            <div class="border col-md-1">
            </div>
            <div class="col-md-12 title-content">
                <h1>Thuê người hoặc tìm dự án Mobile làm thêm</h1>
            </div>
            <div class="main-content col-md-12 no-padding">
                <?php
                if (count($latestProjects->result()) > 0) {
                    $dem = 0;
                    foreach ($latestProjects->result() as $item) {
                        $dem++;
                    $logo = getLogoGroup($item->group_id);
                ?>
                        <div
                            class="col-md-3 col-xs-12 col-sm-12 no-padding item-content <?php if ($dem % 4 == 0) echo "item-content-last"; ?>">
                            <div class="img-item-app">
                                <div class="border <?php echo $logo['border']?> col-md-5 col-xs-5 col-sm-5">
                                </div>
                                <?php echo $logo['icon'];?>
                                <?php //echo $item->attachment_avatar;
                                if(is_attachment_exists($item->attachment_avatar)){

                                    $link_image = prfile_url($item->attachment_avatar);
                                }else{
                                    $link_image =  prfile_url('avt_project_default.png');
                                }
                                ?>

                                <a href="<?php echo site_url('project/view/' . $item->id) ?>" title="<?php echo $item->project_name?>" class="">
                                    <img alt="<?php echo $item->project_name?>" src="<?php echo $link_image?>"
                                         class="img-responsive">
                                </a>
                            </div>
                            <div class="info-item-app col-sm-12 col-md-12 col-xs-12">
                                <div class="title-item-app col-lg-8 col-xs-12 col-sm-8 no-padding">
                                    <div><a title="<?php echo $item->project_name?>" href="<?php echo site_url('project/view/' . $item->id)?>"><?php echo $item->project_name ?></a></div>
                                    <div>bởi <?php echo $item->user_name ?></div>
                                </div>
                                <div class="price-item-app col-lg-4 col-sm-4 col-xs-12 no-padding">
                                    $<?php if ($item->budget_max != "") echo $item->budget_max; else echo "N/A" ?>
                                </div>
                                <div class="read-more col-xs-12 <?php echo $logo['hover'];?>">
                                    <a title="<?php echo $item->project_name?>" href="<?php echo site_url('project/view/' . $item->id) ?>">Read more
                                        <img class="img-responsive"
                                             src="<?php echo base_url() ?>app/css/images/arrow-read-more.png">
                                    </a>
                                </div>
                            </div>
                        </div>
                    <?php ($dem / 4 == 1) ? $dem = 0 : $dem = $dem; }
                }else{
                    echo "Website đang cập nhật dữ liệu";
                } ?>
                <!-- item-content -->

            </div>
        </div>
    </div>
</div> <!-- content -->
<div class="container-fuild">
    <div class="container no-padding">
        <div class="col-md-12 no-padding support">
            <div class="border col-md-1">
            </div>
            <div class="col-md-12 title-content">
                <h1>Hỗ trợ tối đa cho Mobile App Freelancer</h1>
            </div>
            <div class="content-support">
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-1 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Thư viện ý tưởng giao diện website
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-2 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Thư viện background button và Icon miễn phí
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-3 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Thư viện SDK và mã nguồn mở
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-4 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Chợ mua bán mã nguồn App
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-5 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Hỏi & Đáp kỹ thuật
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-6 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Công cụ thiết kế UX Online
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-7 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            UXTool,App hỗ trợ thiết kế UX
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
                <div class="item-support col-md-3 no-padding col-sm-6 col-xs-12 margin-bottom">
                    <div class="icon-support-8 col-md-2 col-sm-2 col-xs-12">
                        <span class="icon-support"></span>
                    </div>
                    <div class="main-content-item-support col-md-10 col-sm-10 col-xs-12">
                        <div class="title-item-support">
                            Công cụ hỗ trợ cài app Demo
                        </div>
                        <div class="content-item-support">
                            Custom beautiful designs created by our experienced mobile designers, that are ready to use
                            immediately
                        </div>
                    </div>
                </div>
                <!-- item-support -->
            </div>
        </div>
    </div>
</div> <!-- support -->
<div class="container-fluid content">
    <div class="container no-padding">
        <div class="col-md-12 review">
            <div class="border col-md-1">
            </div>
            <div class="col-md-12 title-content">
                <h1>Review of Applancer</h1>
            </div>
            <div class="quote-first col-md-1">
            </div>
            <div class="content-item-review col-md-12 no-padding">
                <div class="item-review col-md-6 no-padding">
                    <div class="img-item-review col-md-4 no-padding">
                        <img src="<?php echo base_url() ?>app/css/images/img-review-1.png">
                    </div>
                    <!-- img-item-review -->
                    <div class="col-md-8 info-item-review no-padding">
                        <div class="name-review">
                            Kevil Nguyen
                        </div>
                        <div class="pos-review">
                            CEO OF Appota
                        </div>
                        <div class="intro-review">
                            Applancer.com is the world’s largest freelancing, outsourcing, and crowdsouricng marketplace
                            for small business
                        </div>
                        <div class="social-review">
                            <span class="icon-in"><a href="#"></a></span>
                            <span class="twitter"><a href="#"></a></span>
                        </div>
                    </div>
                </div>
                <!-- item-review -->
                <div class="item-review col-md-6 no-padding right">
                    <div class="img-item-review col-md-4 no-padding">
                        <img src="<?php echo base_url() ?>app/css/images/img-review-1.png">
                    </div>
                    <!-- img-item-review -->
                    <div class="col-md-8 info-item-review no-padding">
                        <div class="name-review">
                            Kevil Nguyen
                        </div>
                        <div class="pos-review">
                            CEO OF Appota
                        </div>
                        <div class="intro-review">
                            Applancer.com is the world’s largest freelancing, outsourcing, and crowdsouricng marketplace
                            for small business
                        </div>
                        <div class="social-review">
                            <span class="icon-in"><a href="#"></a></span>
                            <span class="twitter"><a href="#"></a></span>
                        </div>
                    </div>
                </div>
                <!-- item-review -->
                <div class="item-review col-md-6 no-padding">
                    <div class="img-item-review col-md-4 no-padding">
                        <img src="<?php echo base_url() ?>app/css/images/img-review-1.png">
                    </div>
                    <!-- img-item-review -->
                    <div class="col-md-8 info-item-review no-padding">
                        <div class="name-review">
                            Kevil Nguyen
                        </div>
                        <div class="pos-review">
                            CEO OF Appota
                        </div>
                        <div class="intro-review">
                            Applancer.com is the world’s largest freelancing, outsourcing, and crowdsouricng marketplace
                            for small business
                        </div>
                        <div class="social-review">
                            <span class="icon-in"><a href="#"></a></span>
                            <span class="twitter"><a href="#"></a></span>
                        </div>
                    </div>
                </div>
                <!-- item-review -->
                <div class="item-review col-md-6 no-padding right">
                    <div class="img-item-review col-md-4 no-padding">
                        <img src="<?php echo base_url() ?>app/css/images/img-review-1.png">
                    </div>
                    <!-- img-item-review -->
                    <div class="col-md-8 info-item-review no-padding">
                        <div class="name-review">
                            Kevil Nguyen
                        </div>
                        <div class="pos-review">
                            CEO OF Appota
                        </div>
                        <div class="intro-review">
                            Applancer.com is the world’s largest freelancing, outsourcing, and crowdsouricng marketplace
                            for small business
                        </div>
                        <div class="social-review">
                            <span class="icon-in"><a href="#"></a></span>
                            <span class="twitter"><a href="#"></a></span>
                        </div>
                    </div>
                </div>
                <!-- item-review -->
            </div>
            <div class="quote-last col-md-1 col-xs-offset-10 col-xs-2 right">
            </div>
        </div>
    </div>
</div> <!-- review -->
<div class="follow-fluid container-fluid">
    <div class="container no-padding">
        <div class="follow col-md-12">
            <div class="border col-md-1">
            </div>
            <div class="col-md-12 title-content">
                <h1>Follow us</h1>
            </div>
            <div class="col-md-12 follow-button-app">
                <button onclick="window.location = '<?php echo url_create_project()?>'" type="button" class="follow-post-my-job btn btn-primary btn-lg">
                    <span><img src="<?php echo base_url() ?>app/css/images/icon-post-my-job.png"></span>
                    Post my job
                </button>
                <button onclick="window.location = '<?php echo url_list_project()?>'" type="button" class="follow-want-a-job btn btn-primary btn-lg">
                    <span><img src="<?php echo base_url() ?>app/css/images/icon-want-a-job.png"></span>Want a job
                </button>
            </div>
            <div class="follow-social col-md-12">
                <div class="facebook"><a href="#"></a></div>
                <div class="instagram"><a href="#"></a></div>
                <div class="mail"><a href="#"></a></div>
                <div class="twitter"><a href="#"></a></div>
            </div>
            <!-- follow-social -->
        </div>
        <!-- follow -->
    </div>
</div> <!-- follow-fluid -->
<div class="container-fluid">
    <div class="container">
        <div class="brand col-md-12 scrollbar horizontal" data-scroller-options='{"horizontal":"true"}'>
            <div class="brand-content">
                <ul id="horiz_container_outer">
                    <li id="horiz_container_inner">
                        <ul id="horiz_container">
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-fujit.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-sap.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-oracle.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-microsoft.png"></a>
                            </li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-paypal.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-mcafee.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-fujit.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-sap.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-oracle.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-microsoft.png"></a>
                            </li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-paypal.png"></a></li>
                            <li><a href="#"><img class="img-responsive"
                                                 src="<?php echo base_url() ?>app/css/images/logo-mcafee.png"></a></li>
                        </ul>
                    </li>
                </ul>
                <div id="scrollbar">
                    <a id="left_scroll" class="mouseover_left" href="#"></a>

                    <div id="track">
                        <div id="dragBar"></div>
                    </div>
                    <a id="right_scroll" class="mouseover_right" href="#"></a></div>
            </div>
        </div>
    </div>
    <!--</div>-->
</div>

